<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <title>琉璃神社</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="container">
        <!-- 消除外边距 -->
        <div class="row">
            
            <header class="col-md-2" >
                <div class="logo hidden-xs">
                    <a href="#">
                        <h2 >琉璃神社</h2>
                        <p class="hidden-xs">★HACG.DOG</p>
                    </a>
                </div>
                <div class="logosm  visible-xs">
                    <h3>琉璃神社</h3>
                </div>
                <div class="nav">
                    <ul>
                        <li><a href="" class="glyphicon glyphicon-camera">文章</a></li>
                        <li><a href="" class="glyphicon glyphicon-film">动画</a></li>
                        <li><a href="" class="glyphicon glyphicon-book">漫画</a></li>
                        <li><a href="" class="glyphicon glyphicon-scale">游戏</a></li>
                        <li><a href="" class="glyphicon glyphicon-tags">其它</a></li>
                    </ul>
                </div>
            </header>
            <article class="col-md-7">
                <div class="news clearfix">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="upload/1.jpg" alt="">
                                <p>科学超电磁炮-御坂美琴</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="upload/2.jpg" alt="">
                                <p>本站不提供文件下载，请不要发布下载地址。</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="upload/2.jpg" alt="">
                                <p>本站不提供文件下载，请不要发布下载地址。</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="upload/2.jpg" alt="">
                                <p>本站不提供文件下载，请不要发布下载地址。</p>
                            </a>
                        </li>
                        <li class="hidden-xs">
                            <a href="#">
                                <img src="upload/2.jpg" alt="">
                                <p>本站不提供文件下载，请不要发布下载地址。</p>
                            </a>
                        </li>
                        
                    </ul>
                </div>
                <div class="artict">
                    <div class="row">
                        <a href="#">
                        <div class="col-sm-9">
                            <h3>【熟肉】OVA まこちゃん日記 ＃1</h3>
                            <p class="text-muted">发表于2021年7月17日由哆啦H萌</p>
                            <p>夕阳下的告白，我还以为是纯爱，但是看到監督是雷火剣，我知道事情并不简单，故事讲“姬宫诚”向青梅竹马的“薰”告白，然而义兄早已看穿了一切 继续阅读 →</p>
                            <p class="text-muted">发表在 动画 | 标签为 NTR、雷火剣 | 115条回复</p>
                        </div>
                        <div class="col-sm-3 pic hidden-xs">
                            <img src="./upload/4.jpg" alt="">
                        </div>
                       </a>
                    </div>
                    <div class="row">
                        <a href="#">
                        <div class="col-sm-9">
                            <h3>【熟肉】OVA まこちゃん日記 ＃1</h3>
                            <p class="text-muted">发表于2021年7月17日由哆啦H萌</p>
                            <p>夕阳下的告白，我还以为是纯爱，但是看到監督是雷火剣，我知道事情并不简单，故事讲“姬宫诚”向青梅竹马的“薰”告白，然而义兄早已看穿了一切 继续阅读 →</p>
                            <p class="text-muted">发表在 动画 | 标签为 NTR、雷火剣 | 115条回复</p>
                        </div>
                        <div class="col-sm-3 pic hidden-xs">
                            <img src="./upload/4.jpg" alt="">
                        </div>
                       </a>
                    </div>
                    <div class="row">
                        <a href="#">
                        <div class="col-sm-9">
                            <h3>【熟肉】OVA まこちゃん日記 ＃1</h3>
                            <p class="text-muted">发表于2021年7月17日由哆啦H萌</p>
                            <p>夕阳下的告白，我还以为是纯爱，但是看到監督是雷火剣，我知道事情并不简单，故事讲“姬宫诚”向青梅竹马的“薰”告白，然而义兄早已看穿了一切 继续阅读 →</p>
                            <p class="text-muted">发表在 动画 | 标签为 NTR、雷火剣 | 115条回复</p>
                        </div>
                        <div class="col-sm-3 pic hidden-xs">
                            <img src="./upload/4.jpg" alt="">
                        </div>
                       </a>
                    </div>
                </div>
                
               
                    
                
            </article>
            <aside class="col-md-3 ">
                <a href="#" class="banner hidden-sm hidden-xs">
                    <img src="./upload/zgboke.jpg" alt="">
                </a>
                <a href="#" class="hot">
                    <span class="btn btn-primary">热搜</span>
                    <h4 >欢迎加入琉璃神社</h4>
                    <p >琉璃神社是一个分享最新最酷的ACG同人作品资讯社团,在这里你能找到很多欢乐。</p>
                </a>
            </aside>
        </div>
    </div>

</body>
</html>